$(function(){
    //使用表单校验插件
$('.formSelector').bootstrapValidator({
    //1. 指定不校验的类型，默认为[':disabled', ':hidden', ':not(:visible)'],可以不设置
    excluded: [':disabled', ':hidden', ':not(:visible)'], 
  
    //2. 指定校验时的图标显示，默认是bootstrap风格
    feedbackIcons: {
      valid: 'glyphicon glyphicon-ok',
      invalid: 'glyphicon glyphicon-remove',
      validating: 'glyphicon glyphicon-refresh'
    },
      
    //3. 指定校验字段
    fields: {
      //校验用户名，对应name表单的name属性
      username: {
        validators: {
          //不能为空
          notEmpty: {
            message: '用户名不能为空'
          },
          //长度校验
          stringLength: {
            min: 2,
            max: 6,
            message: '用户名长度必须在2到6之间'
          },
          //正则校验
          regexp: {
            regexp: /^[a-zA-Z0-9_\.]+$/,
            message: '用户名由数字字母下划线和.组成'
          },
          callback: {
            message:'用户名不存在'
          }
        }
      },
      password: {
        validators: {
          //不能为空
          notEmpty: {
            message: '密码不能为空'
          },
          //长度校验
          stringLength: {
            min: 5,
            max: 12,
            message: '密码名长度必须在2到6之间'
          },
          //正则校验
          regexp: {
            regexp: /^[a-zA-Z0-9_\.]+$/,
            message: '用户名由数字字母下划线和.组成'
          },
          callback: {
            message:'密码错误'
          }
        }
      },
    }
  });
  //重置表单按钮
  $('.btn-reset').click(function(){
    $(".formSelector").data('bootstrapValidator').resetForm();
  })

  //插件提供 success.form.bv事件  会在数据效验通过时触发
  $('.formSelector').on('success.form.bv',function(e){
      e.preventDefault();
      $.ajax({
           type: 'post',
           url: '/employee/employeeLogin',
           data: $('.formSelector').serialize(),
           dataType: 'json',
           success: function (res) {
                   console.log(res);
                   if(res.success){
                       location.href='./index.html'
                   }
                   if(res.error==1000){
                    $('.formSelector').data("bootstrapValidator").updateStatus("username", "INVALID", "callback");
                        
                   }
                   if(res.error==1001){
                    $('.formSelector').data("bootstrapValidator").updateStatus("password", "INVALID", "callback");
                                                         
                   }

           }
       })

  })
})
